<!DOCTYPE html>
<ui:composition template="/master.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:define name="content">

<!--<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
<style>
.align_top {
	vertical-align: top;
}

.letra {
	font: italic;
	font-size: xx-large;
}
</style>
</h:head>
<body>  -->
	<h:form>

		<p:wizard style="width:70%">
			<p:tab id="usuario" title="Usuario">
				<p:panel header="Datos de Acceso">
					<p:messages />
					<h:panelGrid columns="2" cellpadding="3"
						columnClasses="label, value">
						<h:outputText value="Usuario: *" />
						<p:inputText required="false" />

						<h:outputLabel for="pwd1" value="Contraseña: *" />
						<p:password id="pwd1" match="pwd2" label="Password 1"
							required="false" feedback="true"
							promptLabel="Ingrese una contraseña" weakLabel="Débil"
							goodLabel="Buena" strongLabel="Fuerte" />

						<h:outputLabel for="pwd2" value="Confirmar Contraseña: *" />
						<p:password id="pwd2" label="Password 2" required="false" />

					</h:panelGrid>
				</p:panel>
			</p:tab>

			<p:tab id="propietario" title="Propietario">
				<p:panel header="Datos del Propietario">
					<p:messages />
					<h:panelGrid columns="2" cellpadding="3">

						<h:outputLabel for="tipoDoc" value="Tipo de Documento:" />
						<p:selectOneMenu style="width:210px">
							<f:selectItem itemLabel="Seleccione uno" itemValue="" />
							<f:selectItem itemLabel="Option 1" itemValue="1" />
							<f:selectItem itemLabel="Option 2" itemValue="2" />
						</p:selectOneMenu>

						<h:outputLabel for="numDoc" value="Número de Documento:" />
						<p:inputText required="false" />

						<h:outputLabel for="apellido" value="Apellido:" />
						<p:inputText required="false" />

						<h:outputLabel for="nombre" value="Nombre:" />
						<p:inputText required="false" />

					</h:panelGrid>
				</p:panel>
			</p:tab>

			<p:tab id="empresa" title="Empresa">
				<p:panel header="Datos de la Empresa">
					<h:panelGrid columns="2" cellpadding="3">

						<h:outputLabel for="razonSocial" value="Razón Social:" />
						<p:inputText></p:inputText>

						<h:outputLabel for="email" value="E-mail:" />
						<p:inputText></p:inputText>

					</h:panelGrid>
					<p:spacer height="5px" />
					<h:panelGrid columns="2" cellpadding="3"
						columnClasses="align_top, align_top">

						<p:fieldset legend="Domicilio" toggleable="true" toggleSpeed="500"
							collapsed="false" style="width: auto;">
							<h:panelGrid columns="2" cellpadding="3">
								<h:outputLabel for="pais" value="País:" />
								<p:selectOneMenu style="width:210px">
									<f:selectItem itemLabel="Select One" itemValue="" />
									<f:selectItem itemLabel="Option 1" itemValue="1" />
									<f:selectItem itemLabel="Option 2" itemValue="2" />
								</p:selectOneMenu>
								<h:outputLabel for="provincia" value="Provincia:" />
								<p:selectOneMenu style="width:210px">
									<f:selectItem itemLabel="Select One" itemValue="" />
									<f:selectItem itemLabel="Option 1" itemValue="1" />
									<f:selectItem itemLabel="Option 2" itemValue="2" />
								</p:selectOneMenu>
								<h:outputLabel for="localidad" value="Localidad:" />
								<p:selectOneMenu style="width:210px">
									<f:selectItem itemLabel="Select One" itemValue="" />
									<f:selectItem itemLabel="Option 1" itemValue="1" />
									<f:selectItem itemLabel="Option 2" itemValue="2" />
								</p:selectOneMenu>
								<h:outputLabel for="nombreBarrio" value="Barrio:" />
								<p:selectOneMenu style="width:210px">
									<f:selectItem itemLabel="Select One" itemValue="" />
									<f:selectItem itemLabel="Option 1" itemValue="1" />
									<f:selectItem itemLabel="Option 2" itemValue="2" />
								</p:selectOneMenu>
								<h:outputLabel for="calle" value="Calle:" />
								<p:inputText style="width:200px"></p:inputText>
								<h:outputLabel for="numero" value="Número:" />
								<p:inputText style="width:100px"></p:inputText>
								<h:outputLabel for="piso" value="Piso:" />
								<p:inputText style="width:100px"></p:inputText>

							</h:panelGrid>
						</p:fieldset>

						<p:fieldset legend="Teléfono" toggleable="true" toggleSpeed="500"
							collapsed="false" style="width: auto;">
							<h:panelGrid columns="2" cellpadding="3">
								<h:outputLabel for="numero" value="Número:" />
								<p:inputText></p:inputText>
							</h:panelGrid>
							<p:commandButton value="Agregar" icon="ui-icon-disk" />

							<p:separator id="separator" style="width:400px;text-align:right" />

							<p:dataTable var="" value="" rows="5" scrollable="true"
								editable="true" style="width:400px">

								<p:column headerText="Teléfonos">
									<p:cellEditor>
										<f:facet name="output">
											<h:outputText value="0351 4897654" />
										</f:facet>
										<f:facet name="input">
											<p:inputText id="modelInput" value="" style="width:100%" />
										</f:facet>
									</p:cellEditor>
								</p:column>

								<p:column headerText="Modificar"
									style="width:70px;text-align: center">
									<p:rowEditor />
								</p:column>

								<p:column style="width:70px;text-align: center"
									headerText="Eliminar">
									<p:commandButton update="" oncomplete="" icon="ui-icon-close"
										title="View">
										<f:setPropertyActionListener value="" target="" />
										<p:confirm header="Confirmation" message="Are you sure?"
											icon="ui-icon-alert" />
									</p:commandButton>

									<p:confirmDialog global="true" showEffect="fade"
										hideEffect="fade">
										<p:commandButton value="Yes" type="button"
											styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
										<p:commandButton value="No" type="button"
											styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
									</p:confirmDialog>

								</p:column>
							</p:dataTable>

						</p:fieldset>
					</h:panelGrid>

				</p:panel>
			</p:tab>

			<p:tab id="confirm" title="Confirmación">
				<p:panel header="Confirmación">
					<h:outputText value="Datos de Usuario" styleClass="letra"/>
					<p:separator />
					<h:panelGrid columns="2" cellpadding="3">
						<h:outputText value="Usuario:" />
						<h:outputText value="Cesar_10" />
					</h:panelGrid>
					<br />
					<h:outputLabel value="Datos del Propietario" styleClass="letra" />
					<p:separator />
					<h:panelGrid columns="2" cellpadding="3">
						<h:outputLabel value="Tipo de Documento:" />
						<h:outputLabel value="DNI" />

						<h:outputLabel value="Número de Documento:" />
						<h:outputLabel value="30736574" />

						<h:outputLabel value="Apellido:" />
						<h:outputLabel value="Pinat" />

						<h:outputLabel value="Nombre:" />
						<h:outputLabel value="Cesar" />
					</h:panelGrid>
					<br />
					<h:outputLabel value="Datos de la Empresa" styleClass="letra"/>
					<p:separator />
					<h:panelGrid columns="2" cellpadding="3">
						<h:outputLabel value="Razón Social:" />
						<h:outputLabel value="Pepito Lounge" />

						<h:outputLabel value="Email:" />
						<h:outputLabel value="pepito_Lounge@gmail.com" />

						<h:outputLabel value="Dirección:" />
						<h:outputLabel value="Colón 1234, Córdoba, Córdoba, Argentina" />

						<h:outputLabel value="Teléfonos:" />
						<p:dataList>
							<f:facet name="header">
							</f:facet>
						</p:dataList>
					</h:panelGrid>
					<p:separator />
					<br/>
					<p:commandButton value="Guardar" icon="ui-icon-disk" />
				</p:panel>
			</p:tab>
		</p:wizard>

	</h:form>
</ui:define>
</ui:composition>
